<template>
		<el-menu >
		<el-menu-item index="1">
          <!-- <el-icon><setting /></el-icon> -->
         	<router-link to="/hidedistribute/hidedistributeabout">分销概况</router-link>
        </el-menu-item>
		<el-menu-item index="2" >
          <!-- <el-icon><setting /></el-icon> -->
          <router-link to="/hidedistribute/hidedistributetrader">分销商</router-link>
        </el-menu-item>
		<el-menu-item index="3">
          <!-- <el-icon><setting /></el-icon> -->
           <router-link to="/hidedistribute/hidedistributeviplist">会员列表</router-link>
        </el-menu-item>
        <el-sub-menu index="4">
          <template #title>
             <router-link to="/hidedistribute/hidedistributemanage">分销管理</router-link>
          </template>
            <el-menu-item index="4-1" >
				<router-link to="/hidedistribute/hidedistributemanage/hidedistributeset">分销设置</router-link>
			</el-menu-item>
			<!-- <el-menu-item index="4-2" >
				<router-link to="/hidedistribute/hidedistributemanage/promotionposter">推广海报</router-link>
			</el-menu-item> -->
			<el-menu-item index="4-3">
				<router-link to="/hidedistribute/hidedistributemanage/hidedistributelevel">分销等级</router-link>
			</el-menu-item>
			<el-menu-item index="4-4">
				<router-link to="/hidedistribute/hidedistributemanage/hidedistributegoods">分销商品</router-link>
			</el-menu-item>
			<el-menu-item index="4-5">
				<router-link to="/hidedistribute/hidedistributemanage/hidedistributeorder">分销订单</router-link>
			</el-menu-item>
        </el-sub-menu>
		<el-sub-menu index="5">
          <template #title>
			 <router-link to="/hidedistribute/salesrewards">销售奖励</router-link>
          </template>
            <el-menu-item index="5-1">
				<router-link to="/hidedistribute/salesrewards/payperiod">结算周期</router-link>
			</el-menu-item>
			<el-menu-item index="5-2">
				<router-link to="/hidedistribute/salesrewards/rwconfiguration">奖励配置</router-link>
			</el-menu-item>
        </el-sub-menu>
		<el-sub-menu index="6">
          <template #title>
				<router-link to="/hidedistribute/channelagent">渠道代理</router-link>
          </template>
            <el-menu-item index="6-1">
				<router-link to="/hidedistribute/channelagent/channelagenttrader">代理商</router-link>
			</el-menu-item>
			<el-menu-item index="6-2">
				<router-link to="/hidedistribute/channelagent/channelagentset">代理设置</router-link>
			</el-menu-item>
			<el-menu-item index="6-2">
				<router-link to="/hidedistribute/channelagent/channelagentorder">代理订单</router-link>
			</el-menu-item>
        </el-sub-menu>
      </el-menu>
</template>

<script setup>
	import {ElMenu,ElMenuItem,ElSubMenu } from 'element-plus';
	
</script>
<style scoped>
	.el-menu{
		height: 91vh;
		border: none;
		background: #ffffff;
		box-sizing: border-box;
		overflow-y: scroll;
	}
	
	a{
		width: 100%;
		text-align: center;
		text-decoration: none;
		color:#000;
	}
	.el-menu-item.is-active{
		background-color: #E8EDFE;
		color:#6671ca;
	}
	a.router-link-active{
		background-color: #E8EDFE;
		color:#6671ca;
	}
</style>